/*base*/
*{margin:0;padding:0;}
body{font-size: 15px;color:#4b4c4c;font-family: 微软雅黑;}
a img{border:0;    display: block;}
a,input{transition: all .2s linear;}
.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after {   display: table;   content: "";   line-height: 0; }  
.clearfix:after { clear: both;} 
.hidden{display: none !important;}
.single-line{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.topbar{width:100%;height: 10px;background:#105b9e;}
.banner{width:100%;height: 354px;background: url(../img/banner.gif) no-repeat top center;overflow: hidden; }
.navbar{width:100%;height: 63px;background: url(../img/navbar_bg.png) repeat-x; margin-bottom: 15px;}
.navbar ul{display:block;width:1200px;margin:0 auto}
.navbar li{list-style: none;float: left;}
.navbar li.active{background: #4d84cb;}
.navbar a{color:#fff; text-decoration: none;line-height: 55px;font-size:18px;padding: 0 55px; display: block;height: 100%;margin-right: 5px;}
.contents{width:1200px;min-height: 600px;margin:0 auto;clear: both;margin-bottom: 80px;}
.footer{width:100%;padding:45px 0;background: #2b5aa0; color:#fff;font-size: 13px; text-align: center;}
.footer li{list-style: none; float: left;}
.footer a{color:#fff; text-decoration: none; padding:0 5px;}
.footer .company{clear: both;}
.footer .links{display: inline-block;margin-bottom: 30px;}
.footer p{ line-height: 30px;}

/*page-index*/
.page-index .box{background: #f7f7f7;}
.page-index .box .title{width:100%;height: 45px; background: url(../img/box_tit_bg.png) left top no-repeat #ebf3fa;}
.page-index .box .title h2{color:#2b5ba9;line-height:45px;font-weight:400;font-size:18px;text-indent:35px;float: left;font-weight: bold;letter-spacing: 2px;}
.page-index .volunteers{width:100%; height: 263px; }
.page-index .volunteers .box-cont{padding-top: 20px;padding-left: 28px;}
.page-index .volunteers li{width:136px;height:162px;overflow:hidden;list-style: none; float: left;margin-right: 30px; -moz-box-shadow:0px 0px 13px #333333; -webkit-box-shadow:0px 0px 13px #333333; box-shadow:0px 0px 13px #333333;}
.page-index .volunteers li:last-child{margin-right: 0;}



.page-index .entrance{width:100%;height: 85px;margin-bottom: 20px;clear: both;}
.page-index .entrance-title{width:105px; height: 85px; background: url(../img/entrance_title.png) no-repeat;float: left;}
.page-index .entrance-item{width:536px;height:85px;background:url(../img/entrance_bg.png) no-repeat;float:right;margin-left:10px;text-align:center;line-height:85px;}
.page-index .entrance-item a{color:#fff;font-size:22px;letter-spacing: 3px;text-decoration: none;}
.page-index .entrance-item a:hover{color:#ebf3fa;}

.page-index .news{margin-bottom: 10px;}
.page-index .news .box-cont{width:100%;height:275px;background: #f7f7f7;}

.page-index .top{width:640px;height: 320px; float: left;}
.page-index .top .news-title{}
.page-index .top .news-title li{list-style: none;}
.page-index .top .news-title li a{text-decoration: none;}
.page-index .top .title{height: 45px;width: 100%;background:#ebf3fa;}
.page-index .top .news-title .title-item{font-size:18px;list-style:none;float:left;height:45px;line-height:45px;width:142px;height:45px;text-align: center;letter-spacing: 2px;}
.page-index .top .news-title .title-item a{color: #2b5ba9; font-weight: bold;}
.page-index .top .news-title .title-item a:hover{color:#2b5aa0;}
.page-index .top .news-title .title-item.active{background:#2b5aa0;}
.page-index .top .news-title .title-item.active a{color:#fff;}

.page-index .top .box-cont{width:auto;height:245px;padding-left: 30px;padding-top:30px;font-size:15px;    line-height: 35px;}
.page-index .top .box-cont li{max-width: 560px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page-index .top .box-cont  a{text-decoration: none; color:#494a4c;}
.page-index .top .box-cont  a:hover{color:#214b88;}
.page-index .more{width:76px;height:18px;text-decoration:none;color:#de9a42;font-size:16px;font-weight:700;float:right;background: url(../img/more.png) center right no-repeat;display: inline-table;    margin-top: 10px;margin-right:25px;}


.page-index .rank{width:526px;height:320px;float: right;}
.page-index .rank .box-cont{padding:14px 11px 15px 14px;width:501px;height: 246px;}
.page-index .rank .tab-ctrl{float: left;width:91px; height: 240px; padding-top:6px;}
.page-index .rank .tab-ctrl-item{width:85px;height: 32px;list-style: none;background: url(../img/tab_ctrl_bg.png) no-repeat; background-position: 0 -32px;line-height: 32px;text-indent: 15px;font-size: 16px;color:#315690;cursor:pointer;margin-bottom: 15px;}
.page-index .rank .tab-ctrl-item.active{background-position: 0 0; color:#fff;}
.page-index .rank .tab-pannel{float: left;width:376px; height: 230px; padding:16px 16px 0 16px;background: #fff;border:1px solid #f0f0f0;}
.page-index .rank .tab-pannel li{list-style: none;margin-bottom: 16px;}
.page-index .rank .tab-pannel li .number{width:20px;height: 20px; display: inline-block;text-align: center; background: #d1d1d1;margin-right: 18px;color:#fff;}
.page-index .rank .tab-pannel li .remarks{float: right;}
.page-index .rank .tab-pannel li .number.front{background:#f59048;}
.page-index .rank .tab-pannel li a{color:#535353;text-decoration: none;}
.page-index .rank .tab-pannel li a:hover{text-decoration: underline; color:#f00;}

.page-index .headline{width:100%; height: 385px;margin-bottom: 23px;}
.page-index .headline .slider{width:640px;height: 385px; overflow: hidden;float: left;}
.page-index .headline .slider p{position:absolute;bottom:0;background:rgba(0,0,0,.5);color:#fff;width:100%;height:30px;line-height:30px;text-indent:1rem}
.page-index .headline .interactive{width:527px;height: 385px;float: left;margin-left: 33px;}
.page-index .headline .interactive .search-box {margin-bottom: 23px;}
.page-index .headline .interactive .ipt-keyword{height:37px;border:1px solid #e7e7e7; float: left;position: relative;font-size: 16px;text-indent: 1rem;width: 445px;}
.page-index .headline .interactive .ipt-keyword:focus{outline: none;border: 1px solid #105b9e;}
.page-index .headline .interactive .ipt-search{width: 80px;background-color: #105b9e; border:0; height: 39px;}
.page-index .headline .interactive .ipt-search i{font-size: 26px; color: #FFF;}
.page-index .login .box-cont{background:#f7f7f7;padding:20px 30px 17px 30px;}
.page-index .login .box-cont input{height: 38px;border:1px solid #e7e7e7;text-indent: 1rem;}
.page-index .login .box-cont input:focus{outline: none;border: 1px solid #105b9e;}
.page-index .login .box-cont .ipt-line{margin-bottom: 18px;}
.page-index .login .box-cont .ipt-line.code-line{margin-bottom: 35px;}
.page-index .login .box-cont .code{height:40px;display:inline-block;vertical-align:bottom;cursor:pointer;margin-left: 10px;}
.page-index .login .ipt-password,.page-index .login .ipt-loginid{width:401px;}
.page-index .login .ipt-line.buttons{text-align: center;margin-bottom: 10px;}
.page-index .login button{width:207px; height: 40px;display: inline-block;border: 0;color: #fff;}
.btn-login{background:#105b9e;}.btn-register{background:#f2914a;margin-left: 45px;}

/*page-activity*/
.activity{float: left;width: 810px;}
.statistical{float: right;width: 360px;}
.activity .title{height: 45px;width: 100%;background:#ebf3fa;}
.activity .box-cont{width:auto;padding:0px 20px 5px 20px;font-size:15px;line-height: 35px;background: #f7f7f7;}
.activity .title .news-title .title-item{font-size:18px;list-style:none;float:left;height:45px;line-height:45px;width:142px;height:45px;text-align: center;letter-spacing: 2px;}
.activity .title .news-title .title-item.active{background:#2b5aa0;}
.activity .title .news-title .title-item a{color: #2b5aa0;font-weight: bold;text-decoration: none;}
.activity .title .news-title .title-item.active a{color:#fff;}
.notice{padding: 2px 0px 20px 0px;}
.box-cont .act-forenotice .notice .blockSty{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);padding: 15px 15px 5px 15px;color: #4b4c4c; margin-top: 20px;}
.box-cont .act-forenotice .notice .blockSty a{color: #4b4c4c;}
.listImg{float: left;}
.blockTitle{float: left;height: 17px;line-height: 17px;margin-left: 10px;}
.jgSty{width: 15px;display: inline-block;}
.timeAdd{margin-top: 8px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #f19149;}
.layui-laypage a, .layui-laypage span{background-color: transparent;}
.layui-laypage a:hover{color: #f19149;}
#listOne{text-align: center;margin: 10px 0px;}
#listTwo{text-align: center;margin: 10px 0px;}

.page-index .login .box-cont.hdtj{padding: 5px 10px;line-height: 40px;}
.hdtj ul li{border-bottom: 1px dashed #e7e7e7;padding: 0px 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page-index .activeTime{width: 100%;height: auto;margin-top: 30px;padding-bottom: 25px;}
.page-index .activeTime .tab-pannel{width: 210px;height: auto;}
.page-index .activeTime .box-cont{width: 100%;height: auto;}
.page-index .activeTime .tab-pannel li a{width:130px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block;float: left;}
.page-index .activeTime .tab-pannel li .number{float: left;}
.page-index .activeTime .tab-pannel li {overflow: hidden;}

/*page-activityDetail*/
.activityDetail{width: 100%;}
.activityDetail .title{height: 55px;width: 100%;background:#ebf3fa;text-align: center;line-height: 55px;font-size: 18px;}
.activityDetail .box-cont{width:auto;padding:40px;background: #f7f7f7;}
.conLeft{float: left;width: 860px;}
.blockDeal{padding-bottom:14px;line-height: 25px;}
.conRight{float: right;}
.iconImg{width: 15px;height: auto;float: left;display: block;margin-top: 5px;margin-right: 10px;}
.wzSty{float: left;width: 97%;}
.ewmImg{width: 150px;height: 150px;}
.prompt{color: #f19149;text-align: center;margin-top: 5px;}
.layui-quote-nm{background-color: #fff;overflow: hidden;padding: 25px 10px 25px 25px;}
.page-index .layui-quote-nm li{width:124px;height:auto;overflow:hidden;list-style: none; float: left;margin-right: 30px; box-shadow:0px 0px 10px rgba(0,0,0,.5);}
.layui-quote-nm ul li{position: relative;}
.nameSty{position: absolute;bottom: 0px;left: 0px;background-color: rgba(0,0,0,.5);text-align: center;color: #fff;width: 100%;line-height: 30px;}

/*page-new*/
.activity .title .news-title .newTitle{width: 180px;}
.page-index .newMore{margin-top: 12px;margin-right: 10px;}
.page-index .newActive .box-cont{width: auto;}
.dianImg{margin-right: 5px;width: 5px;}

/*page-newDetail*/
.activity .title .newDetailTitle .title-item{font-size:18px;width:100%;height:47px;text-align: center;letter-spacing: 2px;}
.activity .newDetail .title{padding: 10px 25px;width: auto;height: auto;line-height: 45px;}
.timeDw{text-align: left;font-size: 15px;color: #727373;border-top:1px dashed #dedfe0;padding: 10px 5px 5px 5px;}
.newImg{float: left;margin-top: 4px;margin-right: 5px;}
.newLeft{float: left;line-height: 20px;margin-right: 30px;}
.newContent{text-align: center;}
.dlSty{text-align: left;text-indent: 2em;line-height: 28px;margin-top: 20px;}
.newDetail .box-cont{padding: 20px 30px;}
.page-index .newActive{padding-bottom: 0px;}

/*page-voluntTrain*/
.voluntTrain{width: 100%;}
.box-cont .layui-form{padding-top: 20px;}
.box-cont .layui-form .layui-form-item{margin-bottom: 0px;}
.voluntSty .layui-form .layui-form-item .layui-btn{background-color: #105b9e;border-radius: 5px;}
.voluntSty .layui-form-item .layui-input-inline .layui-input{border-radius: 5px;}
.voluntSty .layui-form .layui-form-item .layui-input-inline{width: 220px;}
.voluntBlockLeft{float: left;width: 90%;}
.voluntBlockRight{float: right;margin-top: 7px;}
.voluntBlockRight .layui-btn{background-color: #f19149;border-radius: 5px;height: 33px;line-height: 32px;}
.xzImg{width: 18px;height: auto;}

/*page-voluntDetail*/
.xzBtn{float: right;height: 20px;line-height: 20px;}
.xzBtn .layui-btn{background-color: #f19149;height: 25px; line-height: 25px;border-radius: 5px;}
.voluntDetailTitle{text-align: center;line-height: 30px;}
.volDlSty{text-align: left;line-height: 28px;margin-top: 20px;}

/*page-controll*/
.controllPm .login .box-cont{padding: 0px 15px;}
.controllPm .box-cont ul li{list-style: none;line-height: 57px;border-bottom: 1px dashed #e7e7e7;padding: 5px;}
.controllHead{width: 36px; height: 36px;float: left;border-radius: 50%;overflow: hidden;margin-right: 20px;box-shadow: 0 0 6px rgba(0,0,0,.4);margin-top: 11px;}
.controllHead img{width: 36px;height: 36px;vertical-align: baseline;}
.controllPm .remarks{float: right;}
.controllPm .box-cont ul li a{text-decoration: none;color: #4b4c4c;}
.page-index .controllTop{width: 100%;height: auto;}
.page-index .controllTop .box-cont{padding: 20px;height: auto;}
.page-index .controllTop .box-cont li{max-width: 1160px;padding: 5px;}
.controllDian{float: left;margin-top: 14px;margin-right: 10px;}
.controllTitle{float: left;width: 80%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.controllTime{float: right;}
.controllBlock #list{text-align: center;margin-top: 25px;}